<template>
	<!-- :style="'padding-top:'+statusBarHeight +'px;'" -->
	<view class="container">
		<navbar :config="config" backColor="#000"></navbar>
		<!-- 猜你喜欢 -->
		<view class="guess">
			<view class="guess-item" v-if="goodsList && goodsList.length > 0">
				<view class="item" @click="goProductDetails('/pages/product/goods/goods?id=' + item.id)"
					v-for="(item, index) in goodsList" :key="index">
					<image v-if="item && item.cover" :src="item.cover" mode="aspectFill"></image>
					<view style="padding-bottom: 23rpx">
						<view class="name" style="flex: 1">{{ item.title }}</view>
						<view class="number">
							<view class="number-red">
								<rich-text :nodes="$mUtil.priceBigSmall(item.min_sale_price)"></rich-text>
							</view>
							<view class="number-grey">￥{{ item.max_market_price }}</view>
						</view>

					</view>
				</view>
			</view>
			<nodata v-else :config="{ top: 1, content: '暂无商品~' }"></nodata>
			<loadMore v-if="goodsList.length > 0" :status="status"></loadMore>
		</view>
		<!-- 猜你喜欢 -->

		
	</view>
</template>

<script>
	let app = getApp();
	export default {
		data() {
			return {
				statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
				sticky: uni.getSystemInfoSync().statusBarHeight + 60,
				scrollTop: 0, // 页面滚动位置
				list: [],
				// 当前轮播图索引
				current: 0,
				// 缓存banner图片主题色
				colors: [],
				// 记录当前提取到第几张banner图片
				count: 0,
				noticeList: [
					'618低价好货，爆款抢先购！'
				],
				//手机状态栏高度
				statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
				showTopSearch: true,
				background: ["color1", "color2", "color3"],
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
				config: {
					back: false, //false是tolbar页面 是则不写
					title: "惠选中亿",
					color: "#333333",
					fixed: false,
					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
					backgroundColor: [1, ["#fff"]],
					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
					statusBarFontColor: '#1A1A1A',
					backIconColor: "#000",
				
				},
				keyWord: "",
				groupList: [], //团购
				hotList: [
					// {cover: 'https://gulimall-java.oss-cn-chengdu.aliyuncs.com/img/admin/t32W8pXB.png'},
					// {cover: 'https://gulimall-java.oss-cn-chengdu.aliyuncs.com/img/admin/QyYZ1abZ.jpg'},
					// {cover: 'https://gulimall-java.oss-cn-chengdu.aliyuncs.com/img/admin/XT4XBY4H.jpg'},
					// {cover: 'https://gulimall-java.oss-cn-chengdu.aliyuncs.com/img/admin/ikbbTkHC.jpg'}
				], //本月热销
				newsList: [], //每周上新
				recommendList: [], //推荐
				shopBanner: [], //轮播图
				currSeckill: [], //秒杀
				time2: [0, 0, 0, 0], //秒杀倒计时
				goodsList: [], //猜你喜欢
				currTime: null,
				keyList: 0,
				ml: -22,
				itemsDis: 1,
				activeBannerIndex: 0,
				keyList2: 0,
				ml2: -22,
				itemsDis2: 1,
				activeBannerIndex2: 0,
				page: 1,
				status: "more",
				isOver2: false,
				imgUrl: this.$mConfig.staticUrl,
				top: 0,
				cateList: [], // 一级分类
				hxCateList: [],
				lineList: 0,
				ispay: app.globalData.openPay,
				backgroundImageUrl: '',
			
				minutes: '',
				seconds: '',
				hoursValue: '',
				minutesValue: '',
				secondsValue: '',
				finish_time: '',
				hoursFinish: '', // 获取小时
				minutesFinish: '', // 获取分钟
				secondsFinish: '',
				start_hour: '',
				itemValue: 1,
				config: {
					
					
					back: true, //false是tolbar页面 是则不写
					title: '精选好物',
					color: '#000',
					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
					backgroundColor: [1, "#fff"],
					statusBarFontColor: '#1A1A1A',
					backIconColor: "#000",
					rightSlot: true,
					
					
				},


			};
		},

		onLoad() {
			// #ifdef APP-PLUS
			if (plus.os.name == "iOS") {
				// 首先获取一次网络状态
				uni.getNetworkType({
					success: (res) => {
						if (res.networkType != "none") {
							this.init();
						}
					},
				});
				// 监听网络变化
				uni.onNetworkStatusChange((res) => {
					if (res.isConnected) {
						this.init();
					}
				});
			} else {
				this.init();
				this.getAppInfo();
			}
			// #endif

			// #ifdef H5
			this.init();
			if (plus.os.name == "iOS") {} else {
				this.getAppInfo();
			}
			// #endif

			// this.page = 1;
			// this.getAll();
			// this.top = app.globalData.barHeight + 44
			// 是否开启支付
			// this.$http.get("/saleconfig/openPayment").then(res => {
			// 	if (res && res.code == 200) {
			// 		this.ispay = res.openPayment
			// 	}
			// })
			// let that = this;
			// #ifdef APP-PLUS
			// if (plus.os.name == 'iOS') {} else {
			//   this.getAppInfo()
			// }
			// #endif


		},
		onShow() {
			

		},
		onPullDownRefresh() {
			this.page = 1;
			// uni.showModal({
			// 	title:'onPullDownRefresh'
			// })
			this.getAll();
			// uni.stopPullDownRefresh();
		},

		onReachBottom() {
			if (this.status == "more") {
				
				if (this.itemValue == '2') {
					this.page++;
					this.recommend();
					this.goodsList = this.recommendList
				}
				if (this.itemValue == '3') {
					this.page++;
					this.guessLike();
				}
				// console.log("this.itemValue",this.itemValue)
				// this.guessLike();
				// this.page++;
			}


		},
		onPageScroll: function(e) {
			console.log("onPageScrolle", e)
			//nvue暂不支持滚动监听，可用bindingx代替
			if (e.scrollTop > uni.upx2px(49 + 30)) {
				this.showTopSearch = false;
			} else {
				this.showTopSearch = true;
			}
			this.scrollTop = e.scrollTop;
			console.log("this.scrollTop ", this.scrollTop)
		},
		computed: {
			Style() {
				return `height:${this.statusBarHeight}px`;
			},
			// 动态设置banner主题颜色背景
			getStyle() {
				const color = this.colors[this.current];
				console.log("color", color)
				return {
					background: color ?
						`linear-gradient(to bottom, rgb(${color}), #fff)` : "#fff",
				};
			},
			backgroundStyle() {
				return `background-image: url(${this.backgroundImageUrl}); background-size: cover; 
				background-position: center;filter: blur(50px);position: relative;position:fixed;
				top:${-2*this.scrollTop}rpx;left:0;
				width:750rpx;height: 250rpx;
				background: #D9D9D9;border-radius: 0rpx 0rpx 0rpx 0rpx; box-shadow: 50px white inset;
				pointer-events: none;transform: scale(2);`;
				// filter: blur(10px);position: relative;
				// height: calc(600rpx - ${this.scrollTop}rpx)
			}

			// background-size: cover; /* 背景图片覆盖整个元素 */
			// background-position: center; /* 背景图片居中 */
			// filter: blur(10px); /* 设置模糊效果，数值越大，模糊越强 */
			// position: relative; /* 相对定位，供子元素绝对定位 */



		},
		methods: {
			hudelnext() {
				console.log('24545')
				// uni.navigateTo({
				// 	url: '/pages/qiandao/qiandao'
				// });
			},
			

			


		
			init() {
				this.page = 1;
				this.getAll();
				this.top = app.globalData.barHeight + 44;
				// this.getLocation()
			},
			
		
			goProductDetails(url) {
				uni.navigateTo({
					url: url,
				});
			},
			
			getAll() {
				this.rest();
				this.getBanner();
			
				this.recommend();
				this.hotSale();
				this.guessLike();
			},
			
			
			
			/**轮播图 */
			getBanner() {
				this.$http
					.get(`/ad/ad/getShopAdByAdL/0/publicshop-banner`, {}, false)
					.then((res) => {
						uni.stopPullDownRefresh();
						this.loading = false;
						if (res && res.code == 200) {
							this.shopBanner = res.list;
						}
					})
					.catch((err) => {
						console.log("err");
						console.log(err);
					});
			},
			imgActiveFun(e) {
				this.activeBannerIndex = e.detail.current;
			},
			imgActiveFun2(e) {
				this.activeBannerIndex2 = e.detail.current;
			},
			
			
				oneArrToTwoArr(data) {
				let newData = [];
				let zyf = 4; //一维数组转二维数组长度(此处是二维数组每一个长度控制)
				for (var i = 0; i < Math.ceil(data.length / zyf); i++) {
					newData[i] = [];
					newData[i].push(data[i * zyf]);
					for (var j = 1; j < zyf; j++) {
						if (data[i * zyf + j] == undefined) {
							//超出长度控住
							return newData;
						} else {
							newData[i].push(data[i * zyf + j]);
						}
					}
				}
				return newData;
			},
			
			/**热门推荐 */
			recommend() {
				this.$http
					.get(
						`/goods/month`, {
							limit: 6,
							page: this.page,
							type: "hot",
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							this.recommendList = this.recommendList.concat(res.list);
						}
					});
			},
			/**每周上新 */
			
			freeCollectionXin() {
				uni.navigateTo({
					url: "/pages/freeCollectionXin/index"
				})

			},
			/**本月热销 */
			hotSale() {
				this.$http
					.get(
						`/goods/month`, {
							limit: 12,
							mix_num: 3,
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							this.hotList = res.list;
							if (this.hotList.length > 2) {
								this.lineList = this.hotList.length - 2;
							}
							if (res.list.length <= 3) {
								this.keyList = 1;
								this.itemsDis = res.list.length;
							}
							if (res.list.length > 3 && res.list.length <= 6) {
								this.keyList = 2;
								this.ml = -45;
								this.itemsDis = 3;
							}
							if (res.list.length > 6 && res.list.length <= 9) {
								this.keyList = 3;
								this.ml = -68;
								this.itemsDis = 3;
							}
							if (res.list.length > 9 && res.list.length <= 12) {
								this.keyList = 4;
								this.ml = -90;
								this.itemsDis = 3;
							}
						}
					});
			},
			more() {
				uni.navigateTo({
					url: '/pages/research/nearby/timeLimit?start_hour=' + this.start_hour +
						'&end_hour=' + this.hoursFinish
				})
			},

			/**猜你喜欢 */
			guessLike() {
				this.keyWord = uni.getStorageSync("history") ?
					uni.getStorageSync("history").join(",") :
					"";
				this.$http
					.get(
						`/goods/smart`, {
							page: this.page,
							limit: 6,
							keywords: this.keyWord,
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							this.goodsList =
								this.page == 1 ?
								res.page.list :
								this.goodsList.concat(res.page.list);
							if (res.page.totalPage <= res.page.currPage) {
								this.status = "noMore";
							} else {
								this.status = "more";
							}
						}
					});
			},
			
			goDetail(url, isNeedLogin) {
				if ((isNeedLogin && uni.getStorageSync("token") == "") || null) {
					this.$mUtil.toast("请先登录");
					return false;
				}
				uni.navigateTo({
					url: url,
				});
			},
			/**重置数据*/
			rest() {
				this.goodsList = [];
				this.currSeckill = [];
				this.shopBanner = [];
				this.recommendList = [];
				this.newsList = [];
				this.hotList = [];
				this.groupList = [];
			},
			
			// 获取更新信息
			getAppInfo() {
				this.$http.get("/app/config/info").then((res) => {
					if (res && res.code == 200) {
						this.appInfo = res.data || {};
						// #ifdef APP-PLUS
						plus.runtime.getProperty(plus.runtime.appid, (info) => {
							this.versionCode = info.versionCode;
							if (this.appInfo.number > info.versionCode) {
								uni.navigateTo({
									url: "/components/appUpdatePop",
								});
							}
						});
						// #endif
					}
				});
			},
		},
	};
</script>

<style scoped lang="scss">
	@font-face {
		font-family: "hxicon";
		src: url(data:font/truetype;charset=utf-8;base64,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) format("truetype");
	}
	.guess {
		.guess-item {
			display: flex;
			flex-wrap: wrap;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			padding: 0 19rpx;
			box-sizing: border-box;
			margin-top: 31rpx;

			// width: 711rpx;
			.item {
				margin-bottom: 19rpx;
				// background-color: #ffffff;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: center;
				width: calc(50% - 10rpx);
				// height: 508rpx;
				height: auto;
				background: #FFFFFF;
				border-radius: 19rpx 19rpx 19rpx 19rpx;

				image {
					width: 346rpx;
					height: 336rpx;
					// border-radius: 18rpx;
				}

				.name {
					margin: 6rpx;
					width: 318rpx;
					// height: 78rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					word-wrap: break-word;
					word-break: break-all;
					white-space: normal !important;
					color: #474747;

					font-weight: 400;
					font-size: 27rpx;
					color: #333333;
					line-height: 38rpx;
					margin-top: 11rpx;


				}

				.tag-box {
					margin: 10rpx 20rpx 0 20rpx;

					.tag1 {
						width: 69rpx;
						height: 30rpx;
					}

					.tag2 {
						width: 116rpx;
						height: 30rpx;
						margin-left: 10rpx;
					}
				}

				.number {
					display: flex;
					align-items: center;
					// padding-bottom: 40rpx;
					// margin: 0 20rpx 0 20rpx;
					margin: 30rpx 0 0 0;

					.number-red {
						font-weight: bold;
						font-size: 27rpx;
						color: #FF211F;
						line-height: 27rpx;
						margin-right: 6rpx;

						text {
							font-weight: 400;
							font-size: 23rpx;
							color: #BCBCBC;
						}
					}

					.number-grey {

						font-weight: 400;
						font-size: 23rpx;
						color: #BCBCBC;
						line-height: 17rpx;
						text-decoration: line-through;



					}
				}
			}

		}

		}

	
	.index {
		position: relative;
		background-color: #f5f5f5;
		overflow-x: hidden;

		.top {
			position: absolute;
			// top: 0;
			left: -13%;
			width: 126%;
			overflow-x: hidden;
			height: 400rpx;
			border-radius: 0 0 50% 50%;
			background-color: #0b844a;
		}
	}

	.uni-common-mt {
		margin-top: 60rpx;
		position: relative;
	}

	.info {
		position: absolute;
		right: 20rpx;
	}

	

	.box {
		position: relative;
		padding-bottom: 19rpx;
	}

	.top-box {
		width: 100%;
		// background-color: RGB(248, 22, 43);
		// padding: 49rpx 0 0 0;
		// background: #3775F6;

		&.hide {
			padding: 0;

			.title {
				display: none;
			}

			

			.seat {
				display: block;
			}
		}

		.seat {
			display: none;
			height: 130rpx;
		}

		.title {
			margin: 0 auto;
			height: 45rpx;
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700;
			text-align: left;
			color: #ffffff;
			line-height: 28rpx;
			text-align: center;
		}

		
	}

	.page {
		position: relative;
	}

	.scroll-view {
		// white-space: nowrap;
		width: 502rpx;
		// overflow: hidden;
		// display: flex;
		overflow: scroll;
		// white-space: nowrap;
		height: 27rpx;
		line-height: 27rpx;
	}

	

	
</style>